/* Valentine's 2025 B - Yearn
Arcana: Lovers
Alignment: Candy/FULL - Honey Moon
Where 'Wish' is a whisper, 'Yearn' is designed to be a bolder flirtation.
Keeping with the candy theming, it's a more indulgent kind of longing.
Still playful since I didn't edge into MEAT territory here.
meiQts 25.2.3 */

@font-face {
    font-family: 'GenEiLate';
    src: url('https://megidochan.de/static/fonts/GenEi.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    background: url('https://megidochan.de/static/themes/lovers/majejack.png') no-repeat,
url('https://megidochan.de/static/themes/lovers/tootsie.png') repeat-y,
url('https://megidochan.de/static/themes/lovers/tootsie.png') repeat-y, url('https://megidochan.de/static/themes/lovers/tootsie.png') repeat-y,
url('https://megidochan.de/static/themes/lovers/kisses.png'),
linear-gradient(180deg, #240f00, #240f00);
    background-position: bottom -75px right -50px, right, center, left, top, center;
    background-size: auto 70%, 128px auto, 128px auto, 128px auto, 100% auto, auto;
    background-attachment: fixed, scroll, scroll, scroll, scroll, fixed;
    font-family: 'GenEiLate', sans-serif;
    color: #240f00;
}

.thread {
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(100, 0, 0, 0.7);
    font-family: 'GenEiLate', sans-serif;
    color: #fff9e2;
}

div.post.reply {
    background: linear-gradient(90deg, rgba(93, 26, 26, 0.9) 0%, rgba(139, 0, 0, 0.9) 100%);
    border: 2px solid #8b0000;
    border-radius: 5px;
    padding: 6px;
    color: #fff9e2;
}

div.post.op {
    background: linear-gradient(90deg, rgba(75, 20, 20, 0.95) 0%, rgba(139, 0, 0, 0.95) 100%);
    border: 3px solid #a52a2a;
    border-radius: 5px;
    padding: 12px;
    box-shadow: 0 3px 8px rgba(100, 0, 0, 0.7);
}

div.reply:hover {
    border: 2px solid #b4977d;
    box-shadow: 0 0 12px rgba(178, 34, 34, 0.6);
}

div.post.reply.highlighted {
    background: linear-gradient(90deg, rgba(150, 20, 20, 0.9) 0%, rgba(180, 20, 20, 0.9) 100%);
    border: 2px solid #b4977d;
    box-shadow: 0 0 14px rgba(220, 20, 60, 0.7);
}

span.quote {
    color: #FF7EB3;
    font-style: italic;
}

a, a:visited {
    color: #ff4136;
    text-decoration: none;
}

a:hover {
    color: #d70000;
    text-decoration: underline;
}

.intro span.name {
   color: #e1c699;
   }

.intro span.subject {
	font-size: 16px;
	color: #b4977d;
}



header div.subtitle, h1 {
    font-family: 'GenEiLate', serif;
    text-align: center;
    font-size: 22pt;
    color: #750000;
}

form table {
    width: 60%;
    background: rgba(100, 0, 0, 0.85);
    border: 2px solid #8b0000;
    border-radius: 12px;
}

form table tr th {
    background: #3d1c1b;
    color: #f5e1dc;
    border-radius: 8px;
}

input[type="text"], textarea, select {
    background: #4b1e1e;
    border: 2px solid #a52a2a;
    border-radius: 6px;
    padding: 4px;
    font-family: 'Courier New', monospace;
    color: #f5e1dc;
}

input[type="text"]:focus, textarea:focus, select:focus {
    border-color: #dc143c;
    box-shadow: 0 0 8px #dc143c;
}

input[type="submit"], button {
    background: #8b0000;
    border: 1px solid #f5e1dc;
    color: #f5e1dc;
    font-family: 'Courier New', monospace;
    border-radius: 8px;
    transition: background 0.3s;
}

input[type="submit"]:hover, button:hover {
    background: #b22222;
    border-color: #dc143c;
}

hr {
    border: none;
    height: 4px;
    background: linear-gradient(to right, #dc143c, #8b0000);
}

::selection {
    background-color: #dc143c;
    color: white;
}

div.banner {
    background: linear-gradient(135deg, #8b0000, #b22222);
    padding: 10px;
    text-align: center;
    font-family: 'GenEiLate', serif;
    font-size: 18px;
    color: #fff;
}

div.pages {
   width: 66%;
   text-align: center !important;
   background-color: #3d1c1b;
   box-shadow: 6px 6px rgba(178, 34, 34, 0.5) !important;
   border: 1px solid transparent;
}



div.ban h2 {
    background: #240f00;
    color:  #9f3029;
    font-size: 12pt;}

div.module, div.ban {
 background: linear-gradient(90deg, rgba(150, 20, 20, 0.9) 0%, rgba(180, 20, 20, 0.9) 100%);
    color: #fff9e2;
    border: 1px solid #9f3029;
    max-width: 800px;
 font-family: 'GenEiLate', sans-serif;
    margin: 30px auto;
}



img {
    filter:  drop-shadow(1px 0px 0px #9f3029) drop-shadow(0px 1px 1px #9f3029) drop-shadow(-1px 0px 0px #9f3029) drop-shadow(0px -1px 0px #9f3029);
}

.post-emoji {
   margin: 5px;

}


/*revert to on hover */


img:hover {
    filter: none;
}


 p.unimportant {
 visibility: hidden;
 }


   
/* For Firefox */
html {
    scrollbar-width: normal;
    scrollbar-color: #9f3029 #240f00;
}

* {
    scrollbar-width: normal;
    scrollbar-color: rgba(159, 48, 41, 0.8) rgba(36, 15, 0, 0.2);
}